<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/swiper.css">


  </head>
  <body>
    <!-- 顶部 -->
    <div class="sitenav">
      <div class="inner">
        <ul class="sitenav-links">
          <li><a href="">中关村在线</a></li>
          <li>网站导航</li>
          <li><a href="">产品排行</a></li>
          <li><a href="">产品入库</a></li>
          <li><a href="">广告联盟</a></li>
          <li><a href="">手机客户端</a></li>
        </ul>
        <div class="sitenav-login-bar">
          <a
            id="J_NavLoginLink"
            href="login-regist.html"
            target="_blank"
            class="sitenav-login-link"
            >登录</a
          >
          <div class="sitenav-login-links">
            <a
              href=""
              target="_self"
              class="sitenav-weixin"
              title="使用微信登录"
            ></a>
            <a
              href=""
              target="_blank"
              class="sitenav-qq"
              title="使用腾讯QQ登录"
            ></a>
            <a
              href=""
              target="_blank"
              class="sitenav-weibo"
              title="使用新浪微博登录"
            ></a>
          </div>
        </div>
      </div>
    </div>

    <!-- 头部 -->
    <div class="header">
      <a href="" class="logo"></a>
      <div class="search-box">
        <form action="">
          <input class="search-keyword" type="text" name="" id="" />
          <input class="search-button" type="button" value="搜索" id="" />
        </form>
        <div class="search-hot-words">
          <a href="">MacBook Pro 14</a>
          <a href="">华为nova 10 Pro</a>
          <a href="">华为Mate50</a>
          <a href="">小米 12S Ultra</a>
          <a href="">苹果iPhone 14</a>
          <a href="">华为P50 Pocket</a>
        </div>
      </div>
    </div>
    <!-- 导航 -->
    <div class="nav-box">
      <div class="nav-box-inner">
        <ul class="nav clearfix">
          <li><a href="" rel="nofollow">视频</a></li>
          <li><a href="">一拍即合</a></li>
          <li><a href="">模拟攒机</a></li>
          <li>
            <a
              href=""
              onclick="Base.eventStat('detail_index_try_click')"
              class="red-bold"
              >新品众测福利</a
            >
          </li>
          <li><a href="">论坛</a></li>
          <li><a href="">问答</a></li>
          <li><a href="">排行榜</a></li>
          <li><a href="">企业采购</a></li>
        </ul>
        <a class="link-ad" href="">每日新品</a>
        <!-- 左侧菜单 -->
        <div class="category-nav">
          <div class="category-nav-header">
            <strong><a href="">产品分类</a></strong>
            <span id="J_Pinyin">拼音索引</span>
          </div>
          <div class="category-nav-body">
            <div id="J_CategoryItems" class="category-items">
              <div class="item" data-index="1">
                <h3>
                  <a href="">手机</a> / <a href="">智能手机</a> /
                  <a href="">通讯产品</a>
                </h3>
                <i class="icon-01"></i>
              </div>
              <div class="item" data-index="2">
                <h3>
                  <a href="">笔记本</a> / <a href="">超极本</a> /
                  <a href="//detail.zol.com.cn/desktop_pc/">台式电脑</a>
                </h3>
                <i class="icon-02"></i>
              </div>
              <div class="item" data-index="3">
                <h3>
                  <a href="//detail.zol.com.cn/tablepc/">平板电脑</a> /
                  <a href="//detail.zol.com.cn/price_cate_84.html">智能穿戴</a>
                  /
                  <a href="//detail.zol.com.cn/price_cate_79.html">智能家居</a>
                </h3>
                <i class="icon-03"></i>
              </div>
              <div class="item" data-index="4">
                <h3>
                  <a
                    href="//detail.zol.com.cn/digital_camera_index/subcate15_list_1.html"
                    >数码相机</a
                  >
                  /
                  <a
                    href="//detail.zol.com.cn/digital_camera_index/subcate15_list_s1875_1.html"
                    >单反</a
                  >
                  /
                  <a href="//detail.zol.com.cn/digital_camcorder/"
                    >数码摄像机</a
                  >
                </h3>
                <i class="icon-04"></i>
              </div>
              <div class="item" data-index="5">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_1.html">DIY硬件</a> /
                  <a href="//detail.zol.com.cn/price_cate_66.html">外设</a> /
                  <a href="//zj.zol.com.cn/">模拟攒机</a>
                </h3>
                <i class="icon-05"></i>
              </div>
              <div class="item" data-index="6">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_10.html">数码产品</a>
                  / <a href="//detail.zol.com.cn/mp3_player/">MP3</a> /
                  <a href="//detail.zol.com.cn/pocketpower/">移动电源</a>
                </h3>
                <i class="icon-06"></i>
              </div>
              <div class="item" data-index="7">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_42.html">大家电</a> /
                  <a href="//detail.zol.com.cn/price_cate_73.html">影音电视</a>
                  / <a href="//detail.zol.com.cn/price_cate_58.html">游戏机</a>
                </h3>
                <i class="icon-07"></i>
              </div>
              <div class="item" data-index="8">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_52.html">厨卫电器</a>
                  /
                  <a href="//detail.zol.com.cn/price_cate_74.html">小家电</a> /
                  <a href="//detail.zol.com.cn/price_cate_61.html">生活家电</a>
                </h3>
                <i class="icon-08"></i>
              </div>
              <div class="item" data-index="9">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_3.html">办公打印</a> /
                  <a href="//detail.zol.com.cn/price_cate_17.html">投影</a> /
                  <a href="//detail.zol.com.cn/price_cate_63.html">监控</a> /
                  <a href="//detail.zol.com.cn/price_cate_48.html">软件</a>
                </h3>
                <i class="icon-09"></i>
              </div>
              <div class="item" data-index="10">
                <h3>
                  <a href="//detail.zol.com.cn/server/">服务器</a> /
                  <a href="//detail.zol.com.cn/price_cate_5.html">网络</a> /
                  <a href="//detail.zol.com.cn/price_cate_32.html">无线</a> /
                  <a href="//detail.zol.com.cn/price_cate_56.html">布线</a>
                </h3>
                <i class="icon-10"></i>
              </div>
              <div class="item" data-index="11">
                <h3>
                  <a href="//detail.zol.com.cn/price_cate_75.html">汽车电子</a>
                  / <a href="//detail.zol.com.cn/convenienttravel/">电动车</a> /
                  <a href="//detail.zol.com.cn/price_cate_112.html">代步出行</a>
                </h3>
                <i class="icon-11"></i>
              </div>
            </div>
            <div id="J_CategoryDropdown" class="category-dropdown">
              <div id="category-item-1" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">手机</a></strong>
                    <div class="items-list">
                      <a href="">手机</a><a href="">游戏手机</a
                      ><a href="">三防手机</a><a href="">全面屏手机</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">手机配件</a></strong>
                    <div class="items-list">
                      <a href="">手机</a><a href="">游戏手机</a
                      ><a href="">三防手机</a><a href="">全面屏手机</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">通讯产品</a></strong>
                    <div class="items-list">
                      <a href="">手机</a><a href="">游戏手机</a
                      ><a href="">三防手机</a><a href="">全面屏手机</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">OPPO</a><a href="">vivo</a><a href="">华为</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-2" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">笔记本电脑</a></strong>
                    <div class="items-list">
                      <a href="">笔记本电脑</a><a href="">超极本</a
                      ><a href="">超极本</a><a href="">超极本</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">笔记本配件</a></strong>
                    <div class="items-list">
                      <a href="">笔记本电池</a><a href="">电源适配器</a
                      ><a href="">电源适配器</a><a href="">电源适配器</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">台式整机</a></strong>
                    <div class="items-list">
                      <a href="">台式电脑</a><a href="">游戏手机</a
                      ><a href="">游戏电脑</a><a href="">游戏电脑</a
                      ><a href="">游戏电脑</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">MacBook pro 14 2022</a
                    ><a href="">MacBook pro 14 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-3" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">平板电脑</a></strong>
                    <div class="items-list">
                      <a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能穿戴</a></strong>
                    <div class="items-list">
                      <a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能家居</a></strong>
                    <div class="items-list">
                      <a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-4" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">数码相机</a></strong>
                    <div class="items-list">
                      <a href="">数码相机</a><a href="">数码相机</a
                      ><a href="">数码相机</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">单反</a></strong>
                    <div class="items-list">
                      <a href="">单反</a><a href="">单反</a><a href="">单反</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">数码摄像机</a></strong>
                    <div class="items-list">
                      <a href="">数码摄像机</a><a href="">数码摄像机</a
                      ><a href="">数码摄像机</a><a href="">数码摄像机</a
                      ><a href="">数码摄像机</a><a href="">数码摄像机</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-5" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">平板电脑</a></strong>
                    <div class="items-list">
                      <a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能穿戴</a></strong>
                    <div class="items-list">
                      <a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能家居</a></strong>
                    <div class="items-list">
                      <a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-6" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">数码产品</a></strong>
                    <div class="items-list">
                      <a href="">数码产品</a><a href="">数码产品</a
                      ><a href="">数码产品</a><a href="">数码产品</a
                      ><a href="">数码产品</a><a href="">数码产品</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">MP3</a></strong>
                    <div class="items-list">
                      <a href="">MP3</a><a href="">MP3</a><a href="">MP3</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">移动电源</a></strong>
                    <div class="items-list">
                      <a href="">移动电源</a><a href="">移动电源</a
                      ><a href="">移动电源</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-7" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">平板电脑</a></strong>
                    <div class="items-list">
                      <a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能穿戴</a></strong>
                    <div class="items-list">
                      <a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能家居</a></strong>
                    <div class="items-list">
                      <a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-8" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">厨卫电器</a></strong>
                    <div class="items-list">
                      <a href="">厨卫电器</a><a href="">厨卫电器</a
                      ><a href="">厨卫电器</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">小家电</a></strong>
                    <div class="items-list">
                      <a href="">小家电</a><a href="">小家电</a
                      ><a href="">小家电</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">生活家电</a></strong>
                    <div class="items-list">
                      <a href="">生活家电</a><a href="">生活家电</a
                      ><a href="">生活家电</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-9" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">平板电脑</a></strong>
                    <div class="items-list">
                      <a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能穿戴</a></strong>
                    <div class="items-list">
                      <a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">智能家居</a></strong>
                    <div class="items-list">
                      <a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
              <div id="category-item-10" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">服务器</a></strong>
                    <div class="items-list">
                      <a href="">服务器</a><a href="">服务器</a
                      ><a href="">服务器</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">网络</a></strong>
                    <div class="items-list">
                      <a href="">网络</a><a href="">网络</a><a href="">网络</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">无线</a></strong>
                    <div class="items-list">
                      <a href="">无线</a><a href="">无线</a><a href="">无线</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">布线</a></strong>
                    <div class="items-list">
                      <a href="">布线</a><a href="">布线</a><a href="">布线</a
                      ><a href="">智能插座</a><a href="">智能插座</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                </div>
              </div>
              <div id="category-item-11" class="category-all">
                <div class="category-all-items">
                  <div class="item first">
                    <strong><a href="">汽车电子</a></strong>
                    <div class="items-list">
                      <a href="">汽车电子</a><a href="">汽车电子</a
                      ><a href="">汽车电子</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">平板电脑</a
                      ><a href="">平板电脑</a><a href="">大屏手机</a
                      ><a href="">折叠屏手机</a><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">电动车</a></strong>
                    <div class="items-list">
                      <a href="">电动车</a><a href="">电动车</a
                      ><a href="">电动车</a><a href="">智能手表</a
                      ><a href="">智能手表</a><a href="">智能手表</a
                      ><a href="">大屏手机</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                  <div class="item">
                    <strong><a href="">代步出行</a></strong>
                    <div class="items-list">
                      <a href="">代步出行</a><a href="">代步出行</a
                      ><a href="">代步出行</a><a href="">智能插座</a
                      ><a href="">智能插座</a><a href="">折叠屏手机</a
                      ><a href="">老人机</a>
                    </div>
                  </div>
                </div>
                <div class="category-extra">
                  <h4>热门品牌</h4>
                  <div class="brand-list">
                    <a href="">联想</a><a href="">华硕</a><a href="">华硕</a
                    ><a href="">苹果</a><a href="">荣耀</a><a href="">IQOO</a
                    ><a href="">realme</a><a href="">三星</a><a href="">一加</a
                    ><a href="">魅族</a>
                  </div>
                  <h4>热门产品</h4>
                  <div class="hot-list">
                    <a href="">Macmini 2022</a><a href="">Macmini 2022</a
                    ><a href="">MacBook pro 14 2022</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a><a href="">iPhone14</a
                    ><a href="">iPhone14</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 轮播 -->
    <div class="wrapper clearfix">
      <div class="main">
        <div class="focus">
          <ul id="J_FocusSlider" class="focus-list">
            <li>
              <a href=""><img src="img/focus01.jpg" alt="" /></a>
            </li>
            <li>
              <a href=""><img src="img/focus02.jpg" alt="" /></a>
            </li>
            <li>
              <a href=""><img src="img/focus03.gif" alt="" /></a>
            </li>
            <li>
              <a href=""><img src="img/focus04.jpg" alt="" /></a>
            </li>
            <li>
              <a href=""><img src="img/focus05.jpg" alt="" /></a>
            </li>
          </ul>
          <ul class="focus-pager">
            <li class="focus-pager-item">1</li>
            <li class="focus-pager-item">2</li>
            <li class="focus-pager-item">3</li>
            <li class="focus-pager-item">4</li>
            <li class="focus-pager-item">5</li>
          </ul>
          <div class="focus-controls">
            <span class="bx-prev"></span>
            <span class="bx-next"></span>
          </div>
        </div>
        <div class="recommened-box swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href=""><img src="img/slider01.jpg" width="120" height="90" style alt="">
                <h3 style="height: 44px;line-height: 22px;">索尼A6400(单机)</h3>
                <div class="price">¥6899</div>
              </a>
            </div>
            <div class="swiper-slide">
              <a href=""><img src="img/slider02.jpg" width="120" height="90" style alt="">
              <h3 style="height: 44px;line-height: 22px;">荣耀X30（8GB/128GB/5G版）</h3>
              <div class="price">¥1699</div></div>
            <div class="swiper-slide"> <a href=""><img src="img/slider03.jpg" width="120" height="90" style alt="">
              <h3 style="height: 44px;line-height: 22px;">Intel 酷睿 i7 12700KF</h3>
              <div class="price">¥2730</div></div>
            <div class="swiper-slide"><a href=""><img src="img/slider04.jpg" width="120" height="90" style alt="">
              <h3 style="height: 44px;line-height: 22px;">戴尔G15 5520(i7 12700H/16GB/512GB/RTX3060/165Hz)</h3>
              <div class="price">¥8099</div></div>
              <div class="swiper-slide">
                <a href=""><img src="img/slider01.jpg" width="120" height="90" style alt="">
                  <h3 style="height: 44px;line-height: 22px;">索尼A6400(单机)</h3>
                  <div class="price">¥6899</div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href=""><img src="img/slider02.jpg" width="120" height="90" style alt="">
                <h3 style="height: 44px;line-height: 22px;">荣耀X30（8GB/128GB/5G版）</h3>
                <div class="price">¥1699</div></div>
              <div class="swiper-slide"> <a href=""><img src="img/slider03.jpg" width="120" height="90" style alt="">
                <h3 style="height: 44px;line-height: 22px;">Intel 酷睿 i7 12700KF</h3>
                <div class="price">¥2730</div></div>
              <div class="swiper-slide"><a href=""><img src="img/slider04.jpg" width="120" height="90" style alt="">
                <h3 style="height: 44px;line-height: 22px;">戴尔G15 5520(i7 12700H/16GB/512GB/RTX3060/165Hz)</h3>
                <div class="price">¥8099</div></div>
                <div class="swiper-slide">
                  <a href=""><img src="img/slider01.jpg" width="120" height="90" style alt="">
                    <h3 style="height: 44px;line-height: 22px;">索尼A6400(单机)</h3>
                    <div class="price">¥6899</div>
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href=""><img src="img/slider02.jpg" width="120" height="90" style alt="">
                  <h3 style="height: 44px;line-height: 22px;">荣耀X30（8GB/128GB/5G版）</h3>
                  <div class="price">¥1699</div></div>
                <div class="swiper-slide"> <a href=""><img src="img/slider03.jpg" width="120" height="90" style alt="">
                  <h3 style="height: 44px;line-height: 22px;">Intel 酷睿 i7 12700KF</h3>
                  <div class="price">¥2730</div></div>
                <div class="swiper-slide"><a href=""><img src="img/slider04.jpg" width="120" height="90" style alt="">
                  <h3 style="height: 44px;line-height: 22px;">戴尔G15 5520(i7 12700H/16GB/512GB/RTX3060/165Hz)</h3>
                  <div class="price">¥8099</div></div>
            </div>
              <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    
  
        </div>
      </div>
      <div class="aside">
        <p class="product-notice">
          昨日新增产品
          <strong><a href="//detail.zol.com.cn/product_new/">208</a></strong>
          件<br />
          总收录产品 <em>812113</em> 件
        </p>
        <div class="overbalance">
          <div class="ob-title"><span class="line"></span><span class="title-conter">超值推荐</span></div>
          <div class="ob-recommended">
            <ul>
              <li><a href=""><img src="" alt=""></a></li>
              <li><a href=""><img src="" alt=""></a></li>
              <li><a href=""><img src="" alt=""></a></li>
              <li><a href=""><img src="" alt=""></a></li>
            </ul>
          </div>
        </div>
        <div class="banner"></div>
      </div>
    </div>
    <!-- section -->
    <div class="section clearfix">
      <div class="section-list news-product">
        <h3 class="head-tit"><a href>新品首发<i class="icon"></i></a></h3>
      </div>
      <div class="section-list hot-rank">
        <h3 class="head-tit"><a href>热门排行<i class="icon"></i></a></h3>
        <ul class="tab-button clearfix">
          <li class="current"><a href="">手机</a></li>
          <li><a href="">笔记本</a></li>
          <li><a href="">相机</a></li>
          <li><a href="">显卡</a></li>
        </ul>
        <div class="tab-item">
          <ul>
            <li> <em class="num n1">01</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">02</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">03</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">04</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
          </ul>
        </div>
      </div>
      <div class="section-list jd-miaosha">
        <h3 class="head-tit"><a href>京东秒杀<i class="icon"></i></a></h3>
        <ul class="tab-button clearfix">
          <li class="current"><a href="">手机</a></li>
          <li><a href="">笔记本</a></li>
          <li><a href="">相机</a></li>
          <li><a href="">显卡</a></li>
        </ul>
        <div class="tab-item">
          <ul>
            <li> <em class="num n1">01</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">02</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">03</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
             <li> <em class="num n1">04</em>
              <a href class="pic">
                  <img src="img/hot-rank01.jpg" alt="vivo S15 Pro（8GB/256GB）" width="80" height="60">
                  <p class="text">vivo S15 Pro（8GB/256GB）</p></li>
          </ul>
        </div>
      </div>
      <div class="section-list desktop-good">
        <h3 class="head-tit"><a href>精品推荐<i class="icon"></i></a></h3>
        <div class="big-pic">
          <a href=""><span class="opacity">一加9R图赏</span>
          <img src="img/desktop-good01.jpg" alt=""></a>
        </div>
        <ul class="desktop-pics clearfix">
          <li><a href=""><span class="opacity">一加9R图赏</span>
            <img src="img/desktop-good02.jpg" alt=""></a></li>
          <li><a href=""><span class="opacity">一加9R图赏</span>
            <img src="img/desktop-good02.jpg" alt=""></a></li>
        </ul>
      </div>
    </div>
    <!-- 1F -->
    <div class="section floor-1">
      <div class="section-header">
        <h2><span>1F</span><strong>手机</strong></h2>
        <div class="links"><a href="">华为</a>|<a href="">vivo</a>|<a href="">OPPO</a>|<a href="">三星</a>|<a href="">苹果</a>|<a href="">小米</a>|<a href="">vivo</a>|<a href="">OPPO</a>|<a href="">三星</a>|<a href="">小米</a>|<a href="">更多>></a></div>
      </div>
      <div class="section-content clearfix">
        <div class="side">
          <div class="rank">
            <h4>热度排行</h4>
					  <ul class="J_RankTab rank-tab">
						  <li class="current" data-rel="rank_tab_brand_1">品牌</li>
						  <li data-rel="rank_tab_model_1">型号</li>
						  <li data-rel="rank_tab_new_1">新品</li>
					  </ul>
            <div class="rank-tab-container">
              <div class="rank-tab-container-cell">
                <ul class="rank-list">
                  <li>
                    <em class="n1">1</em>
                    <a href="">华为(166款)</a>
                  </li>
                  <li>
                    <em class="n1">2</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em class="n1">3</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em>4</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em>5</em>
                    <a href="">华为(166款)</a>
                  </li>
                </ul>
                <ul class="rank-list">
                  <li>
                    <em>6</em>
                    <a href="">华为(166款)</a>
                  </li>
                  <li>
                    <em>7</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em>8</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em>9</em>
                    <a href="">华为(166款)</a>
                  </li><li>
                    <em>10</em>
                    <a href="">华为(166款)</a>
                  </li>
                </ul>
              </div>
              <p class="rank-more-link"><a href>查看更多排行榜<em>&gt;&gt;</em></a></p>
            </div>
          </div>
          <div class="hot-search">
            <strong>热门搜索</strong>
            <div class="hot-search-list">
              <p><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a><a href="">苹果iPhone14</a></p>
            </div>
          </div>
        </div>
        <div class="content">
          <div class="bx-wrapper">
            <div class="goods-list-slide">
              <ul class="goods-list clearfix">
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
                <li>
                  <a href="detail.html" target="_blank" class="pic"><img src="img/good-list01.jpg" alt=""></a>
                  <h3><a href="detail.html" target="_blank">苹果iPhone 13 Pro (128G/全网通/5G版)</a></h3>
                  <div class="price">最低价：<span>￥7120</span></div>
                </li>
              </ul>
            </div>
          </div>
          <div class="goods-pager"></div>
        </div>
      </div>
    </div>
  </body>

  <script src="js/jquery.js"></script>
  <script src="js/index.js"></script>
  <script src="js/swiper.js"></script>
  <script>        
    var mySwiper = new Swiper ('.swiper', {
      // direction: 'vertical', // 垂直切换选项
      loop: true, // 循环模式选项
      slidesPerView: 4,
        spaceBetween: 0,
        slidesPerGroup: 4,
        loop: true,
        loopFillGroupWithBlank: true,
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      
      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      },
    })        
    </script>
</html>
